<template>
  <div>
    <vue-ol ref="vueOl" @map="olMap" />
    <el-button @click="drawStart">画图</el-button>
    <el-button @click="drawPolygon">加载多边形</el-button>
    <el-button @click="addInteractionLine">加载路线</el-button>
    <el-button @click="addDevice">加载设备</el-button>
    <el-button @click="addTrack">轨迹回放</el-button>
    <el-button @click="test">test</el-button>
  </div>
</template>

<script>
import VueOl from "../../components/VueOl.vue";
export default {
  components: {
    VueOl,
  },
  methods: {
    drawStart() {
      this.$refs.vueOl.drawStart()
    },
    drawPolygon() {
      this.$refs.vueOl.drawPolygon()
    },
    addInteractionLine() {
      this.$refs.vueOl.addInteractionLine()
    },
    addDevice() {
      this.$refs.vueOl.addDevice()
    },
    addTrack() {
      this.$refs.vueOl.getTrack()
    },
    olMap(e) {
      console.log('e', e);
      
    },
    test() {
      this.$refs.vueOl.test()
    }
  },
};
</script>

<style>
</style>